<?php include('inc/html.inc.php'); ?>
<head>
    <?php include('inc/head.inc.php'); ?>
</head>

<body>
    <div id="content">
        
        <p class="accessibility">
           <a href="#page">Allez au contenu</a>,
           <a href="#menu">Allez à la navigation</a>
        </p>
        
        <!-- START : header -->
        <?php include('inc/header.inc.php'); ?>
        <!-- END : header -->
        
        <div id="page">
			
			<!-- page inner -->
			<div class="page-inner page-edito">
            	
				<p class="breadcrumb">
					<a href="#">Accueil</a>
					&gt;
					Rubrique
					&gt;
					Page
				</p><!--  breadcrumb -->
            
				<h1 class="title-01">Titre principal de la rubrique</h1>
				
				<!-- block-3-col -->
				<div class="block-3-col">
					<!-- col 1/3 -->
					<div class="col-1-3">
						<h2 class="title-01">Titre</h2>
						<p class="txt-05"><img src="img/data/picture-03.png" alt="" /></p>
						<div class="block-number">
							<div class="txt-01">12</div>
							<p class="txt-06">Inter has ruinarum varietates a Nisibi quam tuebatur accitus Inter has ruinarum varietate</p>						
						</div>
						<div class="block-number">
							<div class="txt-01">54</div>
							<p class="txt-06">Inter has ruinarum varietates a Nisibi quam tuebatur accitus Inter has ruinarum varietate</p>						
						</div>
						<div class="block-number last">
							<div class="txt-01">138</div>
							<p class="txt-06">Inter has ruinarum varietates a Nisibi quam tuebatur accitus Inter has ruinarum varietate</p>						
						</div>
						<p class="txt-04">Eius populus ab incunabulis primis ad usque pueritiae tempus extremum, quod annis</p>
						<p class="txt-05">circumcluditur fere trecentis, circummurana pertulit bella, deinde aetatem ingressus adultam post multiplices bellorum aerumnas Alpes transcendit et fretum, in iuvenem erectus et virum ex omni plaga quam orbis ambit inmensus, reportavit laureas et triumphos, iamque vergens in senium et nomine solo aliquotiens vincens ad tranquilliora vitae discessit.</p>
                        <ul class="list-01 txt-05">
                        	<li>Lorem ipsum dolor</li>
                            <li>Lorem ipsum dolor</li>
                            <li>Lorem ipsum dolor</li>
                            <li>Lorem ipsum dolor</li>
                            <li>Lorem ipsum dolor</li>
                        </ul>
						<p class="txt-05">circumcluditur fere trecentis, circummurana pertulit bella, deinde aetatem ingressus adultam post multiplices bellorum aerumnas Alpes transcendit et fretum, in iuvenem erectus et virum ex omni plaga quam orbis ambit inmensus, reportavit laureas et triumphos, iamque vergens in senium et nomine solo aliquotiens vincens ad tranquilliora vitae discessit.</p>
                        <p class="txt-05"><a href="" class="link-02">Lien texte</a></p>
					</div>
					<!-- // col 1/3 -->
					
					<!-- col 1/3 -->
					<div class="col-1-3">
						<h2 class="title-01">Titre</h2>
						<p class="txt-05"><img src="img/data/picture-03.png" alt="" /></p>
						<div class="block-number">
							<div class="txt-01">12</div>
							<p class="txt-06">Inter has ruinarum varietates a Nisibi quam tuebatur accitus Inter has ruinarum varietate</p>						
						</div>
						<div class="block-number">
							<div class="txt-01">54</div>
							<p class="txt-06">Inter has ruinarum varietates a Nisibi quam tuebatur accitus Inter has ruinarum varietate</p>						
						</div>
						<div class="block-number last">
							<div class="txt-01">138</div>
							<p class="txt-06">Inter has ruinarum varietates a Nisibi quam tuebatur accitus Inter has ruinarum varietate</p>						
						</div>
						<p class="txt-04">Eius populus ab incunabulis primis ad usque pueritiae tempus extremum, quod annis</p>
						<p class="txt-05">circumcluditur fere trecentis, circummurana pertulit bella, deinde aetatem ingressus adultam post multiplices bellorum aerumnas Alpes transcendit et fretum, in iuvenem erectus et virum ex omni plaga quam orbis ambit inmensus, reportavit laureas et triumphos, iamque vergens in senium et nomine solo aliquotiens vincens ad tranquilliora vitae discessit.</p>
                        <ul class="list-01 txt-05">
                        	<li>Lorem ipsum dolor</li>
                            <li>Lorem ipsum dolor</li>
                            <li>Lorem ipsum dolor</li>
                            <li>Lorem ipsum dolor</li>
                            <li>Lorem ipsum dolor</li>
                        </ul>
						<p class="txt-05">circumcluditur fere trecentis, circummurana pertulit bella, deinde aetatem ingressus adultam post multiplices bellorum aerumnas Alpes transcendit et fretum, in iuvenem erectus et virum ex omni plaga quam orbis ambit inmensus, reportavit laureas et triumphos, iamque vergens in senium et nomine solo aliquotiens vincens ad tranquilliora vitae discessit.</p>
                        <p class="txt-05"><a href="" class="link-02">Lien texte</a></p>
					</div>
					<!-- // col 1/3 -->

					<!-- col 1/3 -->
					<div class="col-1-3 last">
						<h2 class="title-01">Titre</h2>
						<p class="txt-05"><img src="img/data/picture-03.png" alt="" /></p>
						<div class="block-number">
							<div class="txt-01">12</div>
							<p class="txt-06">Inter has ruinarum varietates a Nisibi quam tuebatur accitus Inter has ruinarum varietate</p>						
						</div>
						<div class="block-number">
							<div class="txt-01">54</div>
							<p class="txt-06">Inter has ruinarum varietates a Nisibi quam tuebatur accitus Inter has ruinarum varietate</p>						
						</div>
						<div class="block-number last">
							<div class="txt-01">138</div>
							<p class="txt-06">Inter has ruinarum varietates a Nisibi quam tuebatur accitus Inter has ruinarum varietate</p>						
						</div>
						<p class="txt-04">Eius populus ab incunabulis primis ad usque pueritiae tempus extremum, quod annis</p>
						<p class="txt-05">circumcluditur fere trecentis, circummurana pertulit bella, deinde aetatem ingressus adultam post multiplices bellorum aerumnas Alpes transcendit et fretum, in iuvenem erectus et virum ex omni plaga quam orbis ambit inmensus, reportavit laureas et triumphos, iamque vergens in senium et nomine solo aliquotiens vincens ad tranquilliora vitae discessit.</p>
                        <ul class="list-01 txt-05">
                        	<li>Lorem ipsum dolor</li>
                            <li>Lorem ipsum dolor</li>
                            <li>Lorem ipsum dolor</li>
                            <li>Lorem ipsum dolor</li>
                            <li>Lorem ipsum dolor</li>
                        </ul>
						<p class="txt-05">circumcluditur fere trecentis, circummurana pertulit bella, deinde aetatem ingressus adultam post multiplices bellorum aerumnas Alpes transcendit et fretum, in iuvenem erectus et virum ex omni plaga quam orbis ambit inmensus, reportavit laureas et triumphos, iamque vergens in senium et nomine solo aliquotiens vincens ad tranquilliora vitae discessit.</p>
                        <p class="txt-05"><a href="" class="link-02">Lien texte</a></p>
					</div>
					<!-- // col 1/3 -->
				</div>
				<!-- // block-3-col -->
				
				<!-- block-article -->
				<div class="block-article">
					<h2 class="title-03">titre article</h2>
					<h3 class="title-04">sous titre lorem ispum</h3>
					<p class="txt-04">Eius populus ab incunabulis primis ad usque pueritiae tempus extremum, quod annis</p>
					<p class="txt-05">circumcluditur fere trecentis, circummurana pertulit bella, deinde aetatem ingressus adultam post multiplices bellorum aerumnas Alpes transcendit et fretum, in iuvenem erectus et virum ex omni plaga quam orbis ambit inmensus, reportavit laureas et triumphos, iamque vergens in senium et nomine solo aliquotiens vincens ad tranquilliora vitae discessit.</p>
					<a href="" class="link-02">Lien texte</a>
				</div>
				<!-- // block-article -->
				
				<!-- block-article -->
				<div class="block-article">
					<div class="col-1-3">
						<img src="img/data/picture-04.jpg" alt="" />
					</div>
					<div class="col-2-3 last">
						<h2 class="title-03">titre article</h2>
						<h3 class="title-04">sous titre lorem ispum</h3>
						<p class="txt-04">Eius populus ab incunabulis primis ad usque pueritiae tempus extremum, quod annis</p>
						<p class="txt-05">circumcluditur fere trecentis, circummurana pertulit bella, deinde aetatem ingressus adultam post multiplices bellorum aerumnas Alpes transcendit et fretum, in iuvenem erectus et virum ex omni plaga quam orbis ambit inmensus, reportavit laureas et triumphos, iamque vergens in senium et nomine solo aliquotiens vincens ad tranquilliora vitae discessit.</p>
						<a href="" class="link-02 align-right">Lien texte</a>
					</div>					
				</div>
				<!-- // block-article -->	

				<!-- block-article -->
				<div class="block-article">
					<div class="col-2-3 txt-align-right">
						<h2 class="title-03">titre article</h2>
						<h3 class="title-04">sous titre lorem ispum</h3>
						<p class="txt-04">Eius populus ab incunabulis primis ad usque pueritiae tempus extremum, quod annis</p>
						<p class="txt-05">circumcluditur fere trecentis, circummurana pertulit bella, deinde aetatem ingressus adultam post multiplices bellorum aerumnas Alpes transcendit et fretum, in iuvenem erectus et virum ex omni plaga quam orbis ambit inmensus, reportavit laureas et triumphos, iamque vergens in senium et nomine solo aliquotiens vincens ad tranquilliora vitae discessit.</p>
						<a href="" class="link-02 align-right">Lien texte</a>
					</div>
					<div class="col-1-3 last">
						<img src="img/data/picture-04.jpg" alt="" />
						<p class="txt-07">Légende lorem ispum</p>
					</div>					
				</div>
				<!-- // block-article -->

				<!-- block-article -->
				<div class="block-video">
                    <video width="593" controls="controls" tabindex="0"> 
                    <source type="video/mp4" src="http://www.nicolas-hoffmann.net/animations/Cavernae_Terragen2.mp4"></source> 
                    <source type="video/webm" src="http://www.nicolas-hoffmann.net/animations/Cavernae_Terragen2.webm"></source> 
                    <source type="video/ogg" src="http://www.nicolas-hoffmann.net/animations/Cavernae_Terragen2.theora.ogv"></source>
                   </video>
				</div>
				<!-- // block-article -->

				<!-- block-article -->
				<div class="block-article">
					<img src="img/data/picture-05.jpg" alt="" />
				</div>
				<!-- // block-article -->
                
				<!-- block-3-col -->
				<div class="block-3-col">
					<!-- col 1/3 -->
					<div class="col-1-3">
						<h2 class="title-01">Titre</h2>
						<p class="txt-04">Eius populus ab incunabulis primis ad usque pueritiae tempus extremum, quod annis</p>
						<p class="txt-05">circumcluditur fere trecentis, circummurana pertulit bella, deinde aetatem ingressus adultam post multiplices bellorum aerumnas Alpes transcendit et fretum, in iuvenem erectus et virum ex omni plaga quam orbis ambit inmensus, reportavit laureas et triumphos, iamque vergens in senium et nomine solo aliquotiens vincens ad tranquilliora vitae discessit.</p>
                        <ul class="list-01">
                        	<li>Lorem ipsum dolor</li>
                            <li>Lorem ipsum dolor</li>
                            <li>Lorem ipsum dolor</li>
                            <li>Lorem ipsum dolor</li>
                            <li>Lorem ipsum dolor</li>
                        </ul>
					</div>
					<!-- // col 1/3 -->
<!-- col 1/3 -->
					<div class="col-1-3">
						<h2 class="title-01">Titre</h2>
						<p class="txt-04">Eius populus ab incunabulis primis ad usque pueritiae tempus extremum, quod annis</p>
						<p class="txt-05">circumcluditur fere trecentis, circummurana pertulit bella, deinde aetatem ingressus adultam post multiplices bellorum aerumnas Alpes transcendit et fretum, in iuvenem erectus et virum ex omni plaga quam orbis ambit inmensus, reportavit laureas et triumphos, iamque vergens in senium et nomine solo aliquotiens vincens ad tranquilliora vitae discessit.</p>
                        <ul class="list-01">
                        	<li>Lorem ipsum dolor</li>
                            <li>Lorem ipsum dolor</li>
                            <li>Lorem ipsum dolor</li>
                            <li>Lorem ipsum dolor</li>
                            <li>Lorem ipsum dolor</li>
                        </ul>
					</div>
					<!-- // col 1/3 -->
<!-- col 1/3 -->
					<div class="col-1-3 last">
						<h2 class="title-01">Titre</h2>
						<p class="txt-04">Eius populus ab incunabulis primis ad usque pueritiae tempus extremum, quod annis</p>
						<p class="txt-05">circumcluditur fere trecentis, circummurana pertulit bella, deinde aetatem ingressus adultam post multiplices bellorum aerumnas Alpes transcendit et fretum, in iuvenem erectus et virum ex omni plaga quam orbis ambit inmensus, reportavit laureas et triumphos, iamque vergens in senium et nomine solo aliquotiens vincens ad tranquilliora vitae discessit.</p>
                        <ul class="list-01">
                        	<li>Lorem ipsum dolor</li>
                            <li>Lorem ipsum dolor</li>
                            <li>Lorem ipsum dolor</li>
                            <li>Lorem ipsum dolor</li>
                            <li>Lorem ipsum dolor</li>
                        </ul>
					</div>
					<!-- // col 1/3 -->                                        
				</div>
				<!-- // block-3-col -->                		
				
			</div>
			<!-- // page inner -->
			
        </div><!-- #page -->
        
        <?php include('inc/footer.inc.php'); ?>
        
    </div><!-- #content -->
    <?php include('inc/scripts.inc.php'); ?>
</body>
</html>

